﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>01: Simple Tree Test</title>
	<style type="text/css">
		body, html {
			width: 100%;
			height: 100%;
			margin: 0;
			overflow: hidden;
			font-family: "Segoe UI", Arial, Verdana;
			font-size: 9pt;
			background-color: #F1F1F1;
		}
	</style>
	<script src="../../../bootloader.js" type="text/javascript"></script>
	<script src="../source/SimpleTreeNode.js" type="text/javascript"></script>
	<!-- -->
	<script type="text/javascript">
		go = function() {
			view = new opus.View({
				minWidth: 376,
				minHeight: 164,
				styles: {border: 8, padding: 4, borderColor: "green"},
				layoutKind: "vbox",
				controls: [
					{styles: {border: 2, overflow: "auto"}, layoutKind: "relative", h: 500, w: 280, controls: [
						{name: "tree", type: "SimpleTreeNode2", caption: "UI Framework", styles: {xfontSize: "22px"}, controls: [
							{name: "node", caption: "Buttons", styles: {xfontSize: "14px"}},
							{caption: "Containers", styles: {xfontSize: "12px"}, open: false, controls: [
								{nodeWidth: 400, caption: "One, Two, Three, Four, I am not going to say more...."}, 
								{caption: "Duex"}, 
								{caption: "Treize"}, 
								{caption: "Chi"}, 
							]},
							{caption: "Data Views"},
							{caption: "Other Controls"}
						]}
					]}
				]
			});
		}
	</script>
</head>
<body onload="go()">
</body>
</html>
